<template>
    <a-table :columns="columns" :data-source="dataSource"></a-table>
</template>
  
<script>
import { defineComponent } from 'vue';
import { Table } from 'ant-design-vue';

export default defineComponent({
    name: 'AdditionalContractTable',
    components: {
        'a-table': Table,
    },
    data() {
        return {
            columns: [
                {
                    title: '序号',
                    dataIndex: 'id',
                    key: 'id',
                },
                {
                    title: "合同编码",
                    dataIndex: "code",
                    key: "code"
                },
                {
                    title: '合同名称',
                    dataIndex: 'name',
                    key: 'name'
                },
                {
                    title: '合同类型',
                    dataIndex: 'type',
                    key: 'type'
                },
                {
                    title: '业主名称',
                    dataIndex: 'owner',
                    key: 'owner'
                },
                {
                    title: '合同金额',
                    dataIndex: 'money',
                    key: 'money'
                },
                {
                    title: "签订时间",
                    dataIndex: "signingTime",
                    key: "signingTime"
                }, 
                {
                    title: ' 负责人',
                    dataIndex: 'purchaseManager',
                    key: ' purchaseManager '
                }
            ],
            dataSource: [
                {
                    "id": 1,
                    "contractNumber": "HT20220101",
                    "additionalContractName": "采购合同",
                    "supplierName": "供应商A",
                    "originalReceived": true,
                    "purchaseManager": "张三",
                    "department": "采购部门",
                    "company": "ABC公司",
                    "contractAmount": 100000,
                    'paidAmount': 80000,
                    'unpaidAmount': 20000,
                    'signingTime': '2022-01-01',
                    'reviewStatus': '已通过'
                }, 
            ]
        };
    },
});
</script>
  
<style scoped>
/* 可以自定义样式 */
</style>